<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%
    String contextPath = request.getContextPath();
%>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/gray/easyuia.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/easyUI/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/css/bass.css">
    <link rel="stylesheet" type="text/css" href="<%=contextPath%>/resources/colors/jquery-colorpicker.css">
  <style>
        *{font-family: '微软雅黑';}
        legend{display: none;}
        .easyui-linkbutton,#fieldAnalysis_targetSelect{display: inline-block;*display:inline;*zoom:1;}
        .panel-title{font-size: 14px; font-size:0.14rem;font-family:'Microsoft_YaHei3cf95e4e345e7';}
        .ClassyColor .slider .handle{display: block;}
        .tabs-panels{height:auto}
    </style>

    <script type="text/javascript">
        function pupopen(){
            document.getElementById("bg").style.display="block";
            document.getElementById("popbox").style.display="block" ;
        }
        function pupclose(){
            document.getElementById("bg").style.display="none";
            document.getElementById("popbox").style.display="none" ;
        }
    </script>
</head>

<body>
	<form class="f14 rf14 mt10 ml10 mb10">
		<fieldset>

			<legend>省级部门年度分析数据查询</legend>

			<span style="margin-left: 10px">年份:</span>
			<select id="comboboxYear" class="easyui-combobox" name="comboboxYear"></select>

			<label class="ml5" style="color: red">报表类型:
				<select class="easyui-combobox" name="formid"  id="formid" style="width:190px;">
					<c:forEach var="formOption" items="${formes}">
						<option value="${formOption.id}">${formOption.name}</option>
					</c:forEach>
				</select>
			</label>

			<label>部门:</label>
			<select id="ttDepartSelect" name="ttDepartSelect" class="easyui-combobox" style="width: 200px;"></select>

			<input name="iname" id="iname" class="easyui-textbox" type="text">

			<a href="#" class="easyui-linkbutton" onclick="queryList(1,30);" title="模糊搜索">模糊搜索</a>


			<a href="#" class="easyui-linkbutton" onclick="pupopen()">颜色编辑</a>
			<div id="bg"></div>
			<div id="popbox">
				<div id="title"><span>颜色编辑</span><a href="#" class="fr" onclick="pupclose()" id="closepanel">x</a></div>
				<div id="annualAnalysis_colorSelect" style="line-height: 30px; z-index: 999"></div>
			</div>

			<a href="javascript:void(0)" id="mb" class="easyui-menubutton w120" data-options="menu:'#mm',iconCls:'icon-zhuti'">主题</a>
			<div id="mm" style="width:100px;">
				<div class="menu-sep"></div>
				<div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_dark">反差色</div>
				<div class="menu-sep"></div>
				<div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_infographic">无竖线</div>
				<div class="menu-sep"></div>
				<div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_macarons">白色</div>
				<div class="menu-sep"></div>
				<div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_vintage">泛黄色</div>
				<div class="menu-sep"></div>
				<div data-options="iconCls:'icon-zhuti'" id="annualAnalysis_default">还原</div>
				<div class="menu-sep"></div>
			</div>
		</fieldset>
	</form>

	<table class="easyui-panel" >
		<div class="easyui-panel" title="指标查询">
			<table id="ttDepartIndicator" rownumbers="true" ></table>
		</div>
	</table>
	<table class="easyui-panel" >
		<div class="easyui-panel" title="指标列表">
			<table id="ttDepartIndicatorSelect" rownumbers="true" ></table>
		</div>
		<div><a style="float: bottom" onclick="query(1,30);"  class="easyui-linkbutton" iconCls="icon-search">查询数据</a></div>
	</table>

	<div style="width:100%">
		<div id="annualAnalysis_chart" class="easyui-panel" title="数据图形" data-options="collapsible:true,onCollapse:show.photoshow,onExpand:show.chartshow,collapsed:true" style="width: 99%;">
			<div id="tabDiv" name="tabDiv" fit="true" plain="true" class="easyui-tabs" style="width:98%;">
				<div title="数据图形" style="display:none;" >
					<div id="annualAnalysis_containerzhuzi"></div>
				</div>
				<div title="部门指标占比"  style="overflow:auto;display:none;" >
					<div id="annualAnalysis_containerzhuzi2"></div>
				</div>
			</div>
		</div>
		<div class="easyui-panel" title="报表列表">
			<table id="annualAnalysis_tt"></table>
		</div>
		<div><a class="easyui-linkbutton" onclick="Save_Excel()" data-options="iconCls:'icon-excel'" title="导出excel">导出excel</a></div>
	</div>

	<script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.min.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/easyUI/jquery.easyuia.min.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/echarts/echarts.min.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/echarts/dark.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/echarts/infographic.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/echarts/macarons.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/echarts/vintage.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/colors/jquery-colorpicker.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/js/views/hostPath.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/js/analysis/annualAnalysis_province.js"></script>
	<script type="text/javascript" src="<%=contextPath%>/resources/js/ExportExcelDlg.js"></script>

</body>
</html>
